<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-gsgl" id="app">
    <layout :header="true">
      <common-ban :img="ban"></common-ban>
      <div class="gsgl-m1 box">
        <common-title title="工商管理你是否还困惑？" top="0.5" bottom="0.54"></common-title>
        <dl class="list flex-lect wrap">
          <dd v-for="(item, index) in m1" :key="index" class="item" :class="'item'+index">
            <img :src="item.image" class="image" />
            <div class="name">{{item.name}}</div>
            <a href="javascript:;" class="more">在线咨询>></a>
          </dd>
        </dl>
        <div class="con">
          <div class="top flex-bect">
            <b class="p1">还在等什么？</b>
            <div class="form3 flex-bect">
              <input type="text" class="input" placeholder='输入手机号' value="" />
              <div class="btn flex-ct">定制方案</div>
            </div>
          </div>
          <div class="intro" v-html="m2"></div>
        </div>
      </div>
      <div class="gsgl-m2 box">
        <common-title title="工商管理常识" top="0.64" bottom="0.2"></common-title>
        <dl class="list">
          <dd v-for="(item, index) in m3" :key="index" class="item flex-bect" :class="'item'+index">
            <div class="txt">{{item.intro}}</div>
            <a href="javascript:void(0);" class="more">在线咨询>></a>
          </dd>
        </dl>
      </div>
      <div class="gsgl-m3 box">
        <common-title title="工商管理专业还有哪些疑问？" top="0.53" bottom="0.74"></common-title>
        <dl class="con">
          <dd v-for="(item, index) in m3" :key="index" class="item flex-lect" :class="'item'+index">
            <div class="div">{{item.intro}}</div>
          </dd>
        </dl>
      </div>
      <school-module></school-module>
      <form2-module tit="工商管理专业"></form2-module>
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        ban:'./static/image/02gsgl/banner.png',
        m1:[],
        m2:[],
        m3:[],
        m4:[],
        
      },
      mounted() {
        this.getCon();
      },
      methods:{
        
        getCon(){
          // <span class="red"></span>
          this.m1 = [
            {name:'互联网金融', image:'./static/image/02gsgl/1.png'},
            {name:'工业机器人', image:'./static/image/02gsgl/2.png'},
            {name:'网络新媒体', image:'./static/image/02gsgl/3.png'},
            {name:'艺术设计', image:'./static/image/02gsgl/4.png'},
            {name:'软件开发', image:'./static/image/02gsgl/5.png'},
            {name:'IT/计算机', image:'./static/image/02gsgl/6.png'}
          ]
          this.m2 = '工商企业管理专业具有复合性、应用性的特点，具有很广的适用性的、社会经济各领域有广泛需求。我国经济建设的快速发展和现代企业制度的建立使工商企业管理专业大有用武之地。该专业毕业生可以在各大、中型企业、外资企业及跨国企业从事生产管理、营销管理和一般业务管理工作，也可从事人力资源管理、财务管理、营销策划、商品调研、市场预测和经济数量分析等工作。 '
          this.m3 = [
            {intro:'工商企业管理就业方向？'},
            {intro:'工商企业管理就业前景？'},
            {intro:'工商企业管理课程设置？'},
            {intro:'工商企业管理培养目标？'}
          ]
        }
        
      }
    })
  </script>
</body>
</html>